/***base.css===========================================================================================================***/

/*display*/
.hide{display:none !important;}
.show{display:inline-block;width: 150px;}
.ovhide{ overflow:hidden;}

/*position*/
.pr{position:relative!important;}
.ps{position:absolute!important;}

.fl{float:left !important;}
.fr{float:right !important;}

/*width start*/
.w30{width:30px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w93{width:93px}
.w95{width:95px}
.w96{width:96px}
.w98{width:98px}
.w100{width:100px}
.w104{width:104px}
.w110{width:110px}
.w115{width:115px}
.w120{width:120px}
.w125{width:125px}
.w130{width:130px}
.w135{width:135px}
.w140{width:140px}
.w145{width:145px}
.w150{width:150px}
.w160{width:160px}
.w170{width:170px}
.w180{width:180px}
.w200{width:200px}
.w220{width:220px}
.w230{width:230px}
.w240{width:240px}
.w250{width:250px}
.w274{width:274px!important;}
.w300{width:300px}
.w316{width:316px;}
.w280{width:280px}
.w400{width:400px}
.w820{width:820px}
.w830{width:830px}
.w862{width:862px;}

.w-33{width:33.333333333%;}
.w-40{ width:40%;}
.w-50{ width:50%;}
.w-60{ width:60%;}
.w-100{width:100%;}
/*宽度相关 end*/


/*高度*/
.h-0{height:0 !important;overflow: hidden;}

/*页面留白*/
.blank0{height:0px;clear:both;overflow:hidden;visibility:visible;}
.blank{height:10px;clear:both;overflow:hidden;visibility:visible;}
.blank1{height:1px;clear:both;overflow:hidden;visibility:visible;}
.blank5{height:5px;clear:both;overflow:hidden;visibility:visible;}
.blank10{height:10px;clear:both;overflow:hidden;visibility:visible;}
.blank15{height:15px;clear:both;overflow:hidden;visibility:visible;}
.blank18{height:18px;clear:both;overflow:hidden;visibility:visible;}
.blank20{height:20px;clear:both;overflow:hidden;visibility:visible;}
.blank30{height:30px;clear:both;overflow:hidden;visibility:visible;}
.blank40{height:40px;clear:both;overflow:hidden;visibility:visible;}

/*margin*/
.m1{margin:1px;}
.m2{margin:2px;}
.m3{margin:3px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m6{margin:6px;}
.m7{margin:7px;}
.m8{margin:8px;}
.m9{margin:9px;}
.m10{margin:10px;}

.mt-1{margin-top:-1px;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt9{margin-top:9px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt13{margin-top:13px;}
.mt17{margin-top:17px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt22{margin-top:22px;}
.mt30{margin-top:30px;}

.mr0{margin-right:0!important}
.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr6{margin-right:6px;}
.mr7{margin-right:7px;}
.mr8{margin-right:8px;}
.mr9{margin-right:9px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr21{margin-right:21px;}
.mr26{margin-right:26px;}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom:6px;}
.mb7{margin-bottom:7px;}
.mb8{margin-bottom:8px;}
.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.ml-1{margin-left:-1px;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml6{margin-left:6px;}
.ml7{margin-left:7px;}
.ml8{margin-left:8px;}
.ml9{margin-left:9px;}
.ml10{margin-left:10px;}

/*padding*/
.p1{padding:1px;}
.p2{padding:2px;}
.p3{padding:3px;}
.p4{padding:4px;}
.p5{padding:5px;}
.p6{padding:6px;}
.p7{padding:7px;}
.p8{padding:8px;}
.p9{padding:9px;}
.p10{padding:10px;}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}

.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt3{padding-top:3px;}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt6{padding-top:6px;}
.pt7{padding-top:7px;}
.pt8{padding-top:8px;}
.pt9{padding-top:9px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt18{padding-top:18px;}
.pt19{padding-top:19px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}

.pr1{padding-right:1px;}
.pr2{padding-right:2px;}
.pr3{padding-right:3px;}
.pr4{padding-right:4px;}
.pr5{padding-right:5px;}
.pr6{padding-right:6px;}
.pr7{padding-right:7px;}
.pr8{padding-right:8px;}
.pr9{padding-right:9px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr18{padding-right:18px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}

.pb1{padding-bottom:1px;}
.pb2{padding-bottom:2px;}
.pb3{padding-bottom:3px;}
.pb4{padding-bottom:4px;}
.pb5{padding-bottom:5px;}
.pb6{padding-bottom:6px;}
.pb7{padding-bottom:7px;}
.pb8{padding-bottom:8px;}
.pb9{padding-bottom:9px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:15px;}
.pb28{padding-bottom:28px;}

.pl1{padding-left:1px;}
.pl2{padding-left:2px;}
.pl3{padding-left:3px;}
.pl4{padding-left:4px;}
.pl5{padding-left:5px;}
.pl6{padding-left:6px;}
.pl7{padding-left:7px;}
.pl8{padding-left:8px;}
.pl9{padding-left:9px;}
.pl10{padding-left:10px;}
.pl13{padding-left:13px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px!important;}


/*文字相关 start*/

/*关于字体加粗*/
.b{ font-weight:bold;}
.fw-n{font-weight: normal;}

.lh20{line-height:20px!important;}
.lh22{line-height:22px!important;}
.lh24{line-height:24px!important;}
.lh26{line-height:26px!important;}
.lh28{line-height:28px!important;}
.lh30{line-height:30px;}
.lh32{line-height:32px!important;}
.lh36{line-height:36px;}
.lh38{line-height:38px;}
.lh40{line-height:40px;}

/*font-size*/
.f10{font-size: 10px; }
.f12{font-size: 12px; }
.f14{font-size: 14px; }
.f16{font-size: 16px; }
.f18{font-size: 18px; }
.f20{font-size: 20px; }
.f22{font-size: 22px; }
.f24{font-size: 24px; }
.f26{font-size: 26px; }
.f28{font-size: 28px; }
.f30{font-size: 30px; }
.f32{font-size: 32px; }
.f34{font-size: 34px; }

/*font-color*/
.color-red{color:red;}
.color-blue{color:blue;}
.color-yellow{color:yellow;}
.color-green{color:green;}

.color-000{color:#000;}
.color-333{color:#333;}
.color-666{color:#666;}
.color-999{color:#999;}
.color-aaa{color:#aaa;}
.color-ccc{color:#ccc;}
.color-eee{color:#eee;}
.color-fff{color:#fff;}

/*font-style*/
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.vm{vertical-align: middle !important;}
.vt{vertical-align: top !important;}
.b{font-weight:bold !important;}
.justify{text-align: justify;}

/*英文强制换行*/
.word{word-break:break-all;}
.wrap{height:auto;width:1200px;margin: 0 auto;overflow:visible;}

/*溢出省略*/
.nowrap{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*文字相关 end*/


/*关于背景 start*/
/*背景颜色*/
.bddf { background-color:#fff; }
.new_borrow_bg{background-color: #f7f7f7;}
.bddfa { background-color:#fafafa; }
.b_white{ background:#fff;}

/*背景样式*/
.bg-center{background-position: center;background-size: cover;background-repeat: no-repeat;}
.bg-contain{background-size: contain;}
/*.b_f9f9f9{ background:#f9f9f9;}*/
/*关于背景 end*/

/*border相关 start*/
.new_borow_border{border:1px solid #eeeeee;}

.bdr3{-moz-border-radius: 3px;-khtml-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px;}
.bdr5{-moz-border-radius: 5px;-khtml-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;}
.bdr10{-moz-border-radius: 10px;-khtml-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px;}

.dot{border-bottom:1px dotted #ccc}
.btd{border-top:1px solid #D3D3D3;}
.btds{border-top:1px dashed #DDD;}
.bdd{border:1px solid #e3e3e3;}
.bbd{border-bottom:1px dashed #dedede;}
.blc{border-left:1px solid #CCC;}
.brc{border-right:1px solid #e3e3e3;}
.bt1{border-top:1px solid #D8DFEA;}
.bb1{border-bottom:1px solid #D3D3D3;}
.blok2{
	width: 100%;
	height: 2px;
	border-top:1px dashed #e3e3e3;
	border-bottom:1px dashed #e3e3e3;
}

.bt0{border-top:none;}

.bor_0{ display:block;}
.bor_1{ border-bottom: #e0e0e0 solid 1px; display:block;}
.bor_2{ border-right: 1px dotted #e6e6e6;}
.bor_3{ border-bottom:1px solid #473e5f;}
.bor_4{ border-right:1px solid #473e5f;}
/*border相关 end*/

/*自动高对齐*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{height:1%;min-height: 0;}
*+html .clearfix{height:1%;min-height: 0;}
.cf{zoom:1}
.inline-block{display: inline-block;}

body{
	font-family: -apple-system, "SF UI Text", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif;
	background-color: #F0F0F0;
	font-size: 16px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #E8E8E8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #E8E8E8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #E8E8E8;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #E8E8E8;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

.vertical-line{
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 2px;
	background-color: #fff;
}
.layui-container{
	min-height: 500px;
	padding: 20px 0;

}
.main-color{
	color: #006 !important;
}
.main-bg{
	background-color: #393D49;
	color: #fff;
}
.footer{font-size: 12px;}
.transparent{
	background-color: transparent !important;
}
.logo-wrap{
	height: 80px;
	/*padding-top: 15px;*/
	font-family: Calibri;
	color: #006;
	font-size: 28px;
}
.logo-wrap b{
	color: red;
	font-size: 32px;
}

.top .layui-nav .layui-nav-item{
	line-height: 35px;
	margin: 0 8px;
}
.top .layui-nav .layui-nav-item:after{
	background-color: #fff;
}
.bottom-nav{padding: 15px 0 !important;}
.bottom-nav .layui-nav-item{margin: 0 20px;}
.bottom-nav .layui-nav-item:first-child{text-align: left;margin-left: 0;padding: 0 !important;}
.bottom-nav .layui-nav-item:first-child a{text-align: left;margin-left: 0;padding: 0 !important;}
.bottom-nav .layui-nav-item:after{display: none !important;}
.bottom-nav .layui-nav-bar{display: none !important;}
.layui-nav-bar{
	/*width: 50px !important;*/
	background-color: #fff !important;
}
.top .layui-nav .layui-nav-item .layui-nav-child{
	top: 35px;
}
/*.layui-nav .layui-nav-item:after{width: 50px;left: 50%;margin-left: -25px;}*/
.layui-nav .layui-nav-item a {padding: 0 13px;font-size: 14px;  color: #ddd !important;}
.layui-nav .layui-nav-item.layui-this a {padding: 0 13px;color: #fff !important;}
.top-contact{
	float: right;
	margin-top: 26px;
	line-height: 30px; padding-left: 40px;
}
.top-contact em{
	font-style: normal;
	font-size: 20px;
}
.layui-nav li a{color: #006 !important;}
.layui-card-header{
	display: inline-block;
	padding: 0;
	margin-left: 15px;
	line-height: 24px;
	height: auto;
	font-weight: 700;
	font-size: 24px;
	/*border-bottom: 3px solid #1e98ea;*/
	border-bottom: none;
}
.layui-card-body{text-align: justify; line-height: 30px; font-size: 16px;}
.layui-card-body p{padding-bottom: 20px;}
.layui-card{max-width: 1000px;margin: 0 auto; background-color: transparent;box-shadow: none;}
.layui-btn-primary{background-color: #2674A8;color: #fff;border-radius: 20px;margin: 0 15px;}
.layui-btn-primary:hover{background-color: #2674A8;color: #fff;opacity: .9;}


.right-content{
	display: inline-block;
	padding: 24px 32px;
	box-sizing: border-box;
	margin-left: 16px;
	width: 858px;
	background-color: #fff;
	vertical-align: top;
}
.field-item > div{
	font-size: 14px;
}
@media screen and (max-width: 1200px) {
	/*.wrap{width: 100% !important;}*/
	body{zoom: .85;}
}
@media screen and (max-width: 999px) {
	body{background-color: #F4F6F9 !important;}
	.wrap{
		width: 100%;
	}
	.form-wrap{
		width: 100% !important;
		padding-bottom: 0 !important;
		min-height: 0 !important;
	}
	.bg-center{min-height: 0 !important;}
	.form-wrap .slogen{font-size: 18px !important;}
	.form-wrap .button-wrap{position: relative !important;margin-top: 35px !important;bottom: 20px !important;}
	.form-wrap .button-wrap:first-child button{width: 50% !important;}
	.form-wrap .blank{height: 0 !important;}

	.layui-carousel{position: relative !important; height: 150px !important;height: 40vw !important;top: 0 !important;}
	.layui-carousel img{width: 100% !important;height: 100% !important;}
	.top-contact{display: none;}
	.header nav{display: none;width: 100%;border-top: 2px solid #999;}
	.header nav ul{display: block !important;}
	.header nav ul li{display: block !important;text-align: center;border-bottom: 1px solid #99a;}
	.header nav ul li::after{display: none !important;}
	.header nav ul li a{display: block !important;text-align: center;}
	.header .top-nav-toggle{display: block !important;position: absolute;left: 5px; top: 5px;}
	.logo-wrap{height: 48px !important;margin: 0 auto;padding: 2px 0;display: block !important;}
	.service-list li{margin-bottom: 10px !important;margin-left: 0 !important;width: 100% !important;}
	.index-our-service{margin-top: 20px !important;}
	.index-our-service p{padding-bottom: 22px !important;}

	.footer{padding-top: 16px !important;margin-top: 0 !important;}
	.footer .footer-logo{width: 90px !important;margin-left: 16px !important;}
	.footer .footer-contact{display: block !important;float: none !important;padding-left: 16px;text-align: left !important;}
	.footer .footer-contact i{font-size: 16px !important;}
	.footer .footer-contact span{font-size: 14px !important;}
	.footer nav ul{display: block !important;}
	.footer nav li{display: block !important;line-height: 36px !important;font-size: 14px !important;}
	.footer nav li a{display: block !important;line-height: 36px !important;font-size: 14px !important;border-bottom: 1px solid #666;}
	.bottom-nav .layui-nav-item:first-child{padding-left: 20px !important;}
	.footer .email{padding-left: 16px !important;color: #fff !important;opacity: 1 !important;}
	.footer .email p{color: #fff !important;}
	.footer .company-info{margin-top: 3px;}



	.service-wrap{margin-top: 0px !important;}
	.side{position: relative; width: 100% !important;height: 52px;overflow: hidden;}
	.side li:first-child{padding-left: 15px !important;}
	.side.spread{height:auto !important;}
	.side .side-cur-item{display: inline-block !important;}
	.side .toggle-arrow{display: block !important;position: absolute;right: 15px;top: 18px;}
	.right-content{width: 100% !important;margin: 0 !important;padding: 0 !important;}
	.about-us-wrap{margin: 0 !important;padding: 26px 16px !important;}
	.about-us-wrap .layui-card-header{margin-left: 0 !important;padding: 0 !important;line-height: 26px !important}
	.about-us-wrap .layui-card-body{line-height: 26px !important;}
	.about-us-wrap .layui-card-header img{margin-right: 12px !important;}

	.contact-us-wrap{margin: 0 !important;}
	.contact-us-wrap .layui-container{padding-top: 0 !important;}
	.contact-us-wrap .layui-card-body{padding-top: 5 !important;}
	.contact-list li{padding: 2px 0 !important;font-size: 14px !important;}
	.contact-us-wrap iframe{height: 220px !important;}

	.slide-item1{background-image: url(https://s3.us-east-2.amazonaws.com/homeequityplatform/static/images/m_banner1.png) !important;}
	.slide-item2{background-image: url(https://s3.us-east-2.amazonaws.com/homeequityplatform/static/images/m_banner2.png) !important;}
	.slide-item3{background-image: url(https://s3.us-east-2.amazonaws.com/homeequityplatform/static/images/m_banner3.png) !important;}
    .layui-nav{
    	padding: 0;
    	display: flex;
	}
	.top .layui-nav .layui-nav-item{
		flex: 1;
		text-align: center;
	}
	.layui-nav .layui-nav-item a{

		padding: 0 10px;
	}
	.layui-nav-child dd{
		padding: 0 5px;
	}
	.layui-card-header{
		height: auto;
		padding: 10px 0;
	}
	.top-contact{
		padding: 0;
		text-align: center;
	}
	.field-item > div{
		font-size: 14px;
	}
	.layui-nav *{
		font-size: 12px;
	}
	.layui-nav .layui-nav-item a{
		padding: 0px !important;
	}
	.footer{
		position: relative !important;
	}
	.bottom-space{height: 0px !important;}
}
